<#include "../header.ftl">
<html>
<body>

<#include "../nav-top.ftl">
<div class="sui-container" style="margin-top: 30px;">
    <ul class="sui-breadcrumb" style="padding: 0px 0px">
        <li><a href="#">个人中心</a></li>
        <li><a href="#">消息查看</a></li>
        <li class="active">消息详情</li>
    </ul>
    <div class="sui-row-fluid">
        <div class="span12" id="type-normal">
            <form id="form-password" class="sui-form form-horizontal" novalidate="novalidate">
                <div class="control-group">
                    <label class="control-label">标题：</label>
                    <div class="controls">
                        <input class="input-xlarge input-fat" value="${msg.msgSendedTitle}">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">发送日期：</label>
                    <div class="controls">
                        <input class="input-xlarge input-fat" value="${msg.sendTimeStr}">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">发送人：</label>
                    <div class="controls">
                        <input class="input-xlarge input-fat" value="${msg.createUserName}">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">内容：</label>
                    <div class="controls">
                        <textarea rows="3" class="input-xlarge">${msg.msgSendedContent}</textarea>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label"></label>
                    <div class="controls">
                        <button data-toggle="modal" data-target="#ForwardMsg" data-keyboard="false" data-width="large"
                                type="button" class="sui-btn btn-primary">转发
                        </button>
                        <button type="button" class="sui-btn btn-primary del-msg" data-id="${msg.msgSendedId}"
                                data-msgid="${msg.msgDetailId }">删除
                        </button>
                        <a href="/userMessages" class="sui-btn">返回</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div id="ForwardMsg" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
                <h4 id="myModalLabel" class="modal-title">转发消息</h4>
            </div>
            <div class="modal-body" style="overflow-y: auto;max-height: 350px;">

                <div>
                    <ul class="sui-nav nav-tabs nav-xlarge nav-primary">
                        <li class="active"><a href="#qudao" data-toggle="tab">渠道</a></li>
                        <li><a href="#zhanghao" data-toggle="tab">账号</a></li>
                        <li><a href="#qunzu" data-toggle="tab">群组</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="qudao" class="tab-pane active">
                            <form id="form-channel" class="sui-form form-horizontal" novalidate="novalidate">
                                <div class="control-group">
                                    <label for="channelName">渠道名称：</label>
                                    <div class="controls">
                                        <input type="text" id="channelName" name="channelName">
                                    </div>
                                    &nbsp;&nbsp;
                                    <a href="javascript:void(0);" class="sui-btn btn-large query-channel">查询</a>&nbsp;
                                    <a href="javascript:void(0);" class="sui-btn btn-large forward-channel">提交</a>&nbsp;
                                </div>
                            </form>
                            <table class="sui-table table-bordered rowover-table" id="tab-channel">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="check-all-channel"/></th>
                                    <th>渠道ID</th>
                                    <th>渠道名称</th>
                                    <th>备注</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>

                        </div>
                        <div id="zhanghao" class="tab-pane">
                            <form id="form-user" class="sui-form form-horizontal" novalidate="novalidate">
                                <div class="control-group">
                                    <label for="accountName">账号名称：</label>
                                    <div class="controls">
                                        <input type="text" id="accountName" name="accountName">
                                    </div>
                                    &nbsp;&nbsp;
                                    <a href="javascript:void(0);" class="sui-btn btn-large query-user">查询</a>&nbsp;
                                    <a href="javascript:void(0);" class="sui-btn btn-large forward-user">提交</a>&nbsp;
                                </div>
                            </form>
                            <table class="sui-table table-bordered rowover-table" id="tab-user">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="check-all-user"/></th>
                                    <th>账号名称</th>
                                    <th>备注</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>

                        </div>
                        <div id="qunzu" class="tab-pane">
                            <form id="form-group" class="sui-form form-horizontal" novalidate="novalidate">
                                <div class="control-group">
                                    <label for="groupName">群组名称：</label>
                                    <div class="controls">
                                        <input type="text" id="groupName" name="groupName">
                                    </div>
                                    &nbsp;&nbsp;
                                    <a href="javascript:void(0);" class="sui-btn btn-large query-group">查询</a>&nbsp;
                                    <a href="javascript:void(0);" class="sui-btn btn-large forward-group">提交</a>&nbsp;
                                </div>
                            </form>
                            <table class="sui-table table-bordered rowover-table" id="tab-group">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="check-all-group"/></th>
                                    <th>群组名称</th>
                                    <th>备注</th>
                                </tr>
                                </thead>
                                <tbody>


                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>
<#include "../footer.ftl">
<script src="../../static/js/plugins/sea/sea.js"></script>
<script src="../../static/js/sea.config.js"></script>
<script>
    seajs.use('/static/js/game/system/user_messages_detail');

</script>

<script id="tp-channel" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var channel = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="channel-id" value=" <%= channel.channelId %>"
                   id="user-<%= channel.channelId %>"/></td>
        <td><%= channel.channelId %></td>
        <td><%= channel.channelName %></td>
        <td><%= channel.channelRemark %></td>
    </tr>
    <% } %>
</script>

<script id="tp-user" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var user = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="user-id" value=" <%= user.uid %>" id="user-<%= user.uid %>"/></td>
        <td><%= user.accountName %></td>
        <td><%= user.uremark %></td>

    </tr>
    <% } %>
</script>

<script id="tp-group" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var group = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="group-id" value=" <%= group.groupId %>" id="user-<%= group.groupId %>"/>
        </td>
        <td><%= group.groupName %></td>
        <td><%= group.groupRemark %></td>

    </tr>
    <% } %>
</script>
</body>
</html>
